<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>小米遥控器</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				font-family: "微软雅黑";
				text-decoration: none;
				font-size: 12px;
			}
			.part1 {
				width: 100%;
				height: 36px;
				/*border: 1px solid;*/
				background-color: #333333;
			}
			.part1-body {
				font-size: 12px;
				height: 36px;
				line-height: 36px;
				width: 1226px;
				margin: 0 auto;
				/*border: 1px solid;*/
			}
			.part1-body ul {
				list-style-type: none;
			}
			.part1-body li {
				font-family: "微软雅黑";
				padding: 0 2px;
				color: #424242;
				float: left;
			}
			.part1-body li a {
				text-decoration: none;
				color: #B0B0B0;
			}
			
			.part1-body li a:hover {
				color: white;
			}
			
			.part1-body-buy {
				display: inline;
				height: 36px;
				line-height: 36px;
				padding: 0 35px;
				background-color: #FF6700;
				margin-left: 20px;
				color: white;
				font-family: "微软雅黑";
			}
			
			.part1-body-buy:hover {
				background-color: white;
				color: #FF6700;
				cursor: pointer;
			}
			
			.part2 {
				height: 90px;
				width: 100%;
			}
			
			.part2-body {
				/*border: 1px solid;*/
				width: 1226px;
				height: 90px;
				margin: 0 auto;
			}
			
			.part2-logo {
				float: left;
				width: 48px;
				height: 48px;
				display: inline-block;
				background-image: url(img/logo.png);
				margin-top: 20px;
			}
			
			.part2-body ul {
				margin-left: 55px;
				/*margin-top: 5px;*/
				/*border: 1px solid;*/
				float: left;
				list-style-type: none;
			}
			
			.part2-body>ul>li {
				font-family: "微软雅黑";
				font-size: 14px;
				padding: 0 6px;
				/*border: 1px solid;*/
				float: left;
				height: 90px;
				line-height: 90px;
			}
			
			.part2-body li:hover {
				color: #FF6700;
				cursor: pointer;
			}
			
			.part2-body-li1 {
				position: absolute;
				left: -105px;
				top: 90px;
				width: 211px;
				background-color: white;
				display: none;
				height: 412px;
				border: 1px solid #FF6700;
				z-index: 12;
			}
			
			.part2-body li:hover .part2-body-li1 {
				display: block;
			}
			.part2-body-li1 ul{
				margin-left: 0;
				list-style-type: none;
			}
			.part2-body-li1 li{
				text-indent: 3em;
				display: block;
				width: 211px;
				font-family: "微软雅黑";
				font-size: 14px;
				padding: 11px 0;
				/*border: 1px solid;*/
				/*float: left;*/
				height: 16px;
				line-height: 16px;
				color: #424242;
				position: relative;
			}
			.part2-body-li1 li:hover{
				color: white;
				background-color: #FF6700;
			}
			
			.part2-body-li1-li-ex1,
			.part2-body-li1-li-ex2,
			.part2-body-li1-li-ex3,
			.part2-body-li1-li-ex4,
			.part2-body-li1-li-ex5,
			.part2-body-li1-li-ex6,
			.part2-body-li1-li-ex7,
			.part2-body-li1-li-ex8,
			.part2-body-li1-li-ex9,
			.part2-body-li1-li-ex10{
				position: absolute;
				border-top: 1px solid #E0E0E0;
				border-bottom: 1px solid #E0E0E0;
				height: 412px;
				display: none;
				background-color: white;
				left: 212px;
				
			}
			
			.part2-body-li1-li-ex1{
				width: 753px;
				top: -16px;
			}
			.part2-body-li1-li-ex2{
				width: 502px;
				top: -54px;
			}
			.part2-body-li1-li-ex3{
				width: 1004px;
				top: -92px;
			}
			.part2-body-li1-li-ex4{
				width: 1004px;
				top: -130px;
			}
			.part2-body-li1-li-ex5{
				width: 502px;
				top: -168px;
			}
			.part2-body-li1-li-ex6{
				width: 1004px;
				top: -206px;
			}
			.part2-body-li1-li-ex7{
				width: 251px;
				top: -244px;
			}
			.part2-body-li1-li-ex8{
				width: 251px;
				top: -282px;
			}
			.part2-body-li1-li-ex9{
				width: 251px;
				top: -320px;
			}
			.part2-body-li1-li-ex10{
				width: 251px;
				top: -358px;
			}
			
			.part2-body-li1 li:hover .part2-body-li1-li-ex1,
			.part2-body-li1 li:hover .part2-body-li1-li-ex2,
			.part2-body-li1 li:hover .part2-body-li1-li-ex3,
			.part2-body-li1 li:hover .part2-body-li1-li-ex4,
			.part2-body-li1 li:hover .part2-body-li1-li-ex5,
			.part2-body-li1 li:hover .part2-body-li1-li-ex6,
			.part2-body-li1 li:hover .part2-body-li1-li-ex7,
			.part2-body-li1 li:hover .part2-body-li1-li-ex8,
			.part2-body-li1 li:hover .part2-body-li1-li-ex9,
			.part2-body-li1 li:hover .part2-body-li1-li-ex10{
				display: block;
			}
			
			.part2-body li:hover .part2-body-li-ex{
				display: block;
			}
			.part2-body-li-ex{
				left: 0;
				width: 100%;
				height: 206px;
				background-color: white;
				position: absolute;
				border-top: 1px solid #E0E0E0;
				border-bottom: 1px solid #E0E0E0;
				color: #000000;
				z-index: 12;
				display: none;
			}
			.part2-body-li-ex-body{
				width: 1103px;
				height: 206px;
				margin: 0 auto;
				/*border: 1px solid;*/
				
			}
			
			.part2-body-li-ex-body div{
				width: 180px;
				height: 206px;
				float: left;
				/*border: 1px solid;*/
			}
			.part2-body-li-ex-body a{
				margin-top: 16px;
				height: 120px;
				text-align: center;
				border-left: 1px solid #E0E0E0;
				display: block;
			}
			.part2-body-li-ex-body span{
				margin: 0 auto;
				border: 1px solid #FF6700;
				color: #FF6700;
				text-align: center;
				width: 50px;
				height: 19px;
				line-height: 19px;
				display:  block;
			}
			.part2-body-li-ex-body p{
				height: 19px;
				line-height: 19px;
			}
			.part2-body-li-ex-body .part2-body-li-ex-body-p1{
				font-size: 12px;
				color: #333333;
				text-align: center;
			}
			.part2-body-li-ex-body .part2-body-li-ex-body-p2{
				font-size: 12px;
				color: #FF6700;
				text-align: center;
				
			}
			.part2-body input {
				font-size: 12px;
				float: left;
				margin-top: 20px;
				outline: none;
				height: 43px;
				width: 218px;
				margin-left: 256px;
				border: 1px solid #B0B0B0;
			}
			
			.part2-searchbtn {
				float: left;
				margin-top: 20px;
				width: 43px;
				height: 43px;
				border: 1px solid #B0B0B0;
				background-image: url(img/sh.png);
				background-position-x: -2px;
				border-left: none;
			}
			
			.part2-searchbtn:hover {
				background-image: url(img/sbtnh.png);
				background-position-x: -2px;
			}
			
			.part2-body-li1-li-ex-z{
				float: left;
				width: 250px;
				height: 412px;
				/*border: 1px solid;*/
				color: #000000;
			}
			.part2-body-li1-li-ex-z dd{
				text-indent: 1em;
				margin-top: 7px;
				width: 180px;
				height: 66px;
				/*line-height: 66px;*/
			}
			.part2-body-li1-li-ex-z dd:hover{
				color: #FF6700;
			}
			.part2-body-li1-li-ex-z img{
				vertical-align: middle;
			}
			.part2-body-li1-li-ex-z span{
				display: inline-block;
				border: 1px solid #FF6700;
				color: #FF6700;
				padding: 2px 10px;
				margin-top: 8px;
				margin-right: 2px;
				text-indent: 0;
				float: right;
			}
			.part2-body-li1-li-ex-z span:hover{
				background-color: #FF6700;
				color: white;
			}
			.part3 {
				height: 36px;
				width: 100%;
				background-color: #F5F5F5;
			}
			.part3-body{
				height: 36px;
				width: 1226px;
				line-height: 36px;
				font-size: 12px;
				color: #757575;
				margin: 0 auto;
			}
			.part3-body a{
				color: #757575;
				text-decoration: none;
			}
			.part4{
				height: 640px;
				width: 100%;
				margin-bottom: 60px;
				
			}
			.part4-body{
				height: 640px;
				width: 1226px;
				/*border: 1px solid;*/
				margin: 0 auto;
			}
			.part4-body>div{
				height: 640px;
				float: left;
				/*border: 1px solid;*/
			}
			.part4-body-div1{
				width: 70px;
				
			}
			.part4-body-div2{
				text-align: center;
				width: 725px;
			}
			.part4-body-div2 img{
				margin-top: 75px;
			}
			.part4-body-div2 img:hover{
				cursor: pointer;
			}
			.part4-body-div2-1{
				display: inline-block;
			}
			.part4-body-div1 div{
				vertical-align: middle;
				text-align: center;
				border: 1px solid #E0E0E0;
				cursor: pointer;
				width: 68px;
				height: 68px;
				margin-top: 50px;
			}
			.part4-body-div2-2{
				display: none;
			}
			.part4-body-div3{
				width: 425px;
			}
			.part4-body-div3 h1{
				margin-top: 50px;
				font-size: 26px;
			}
			.part4-body-div3 p{
				line-height: 25px;
				font-size: 14px;
				color: #616161;
				margin-top: 10px;
			}
			.part4-body-div3-place{
				background-color: #FAFAFA;
				margin-top: 10px;
				width: 420px;
				height: 55px;
				line-height: 55px;
				border: 1px solid #E0E0E0;
			}
			.part4-body-div3-place span{
				font-size: 14px;
				padding: 5px 11px;
			}
			#selectplace:hover{
				cursor: pointer;
			}
			.part4-body-div3-price{
				color: #FF6700;
				font-weight: bold;
				margin-top: 15px;
				margin-bottom: 20px;
				width: 420px;
				height: 55px;
				line-height: 55px;
				border-top: 1px solid #E0E0E0;
				border-bottom: 1px solid #E0E0E0;
			}
			.part4-body-div3-price span{
				font-size: 25px;
			}
			.part4-body-div3-jl{
				width: 420px;
				height: 100px;
				/*margin-bottom: 20px;*/
			}
			.part4-body-div3-join{
				display: inline-block;
				width: 264px;
				height: 50px;
				background-color: #FF6700;
				text-align: center;
				line-height: 50px;
				color: white;
				font-weight: bold;
				font-size: 20px;
			}
			.part4-body-div3-join:hover{
				background-color: #F25807;
				cursor: pointer;
			}
			.part4-body-div3-like{
				display: inline-block;
				height: 50px;
				width: 143px;
				background-color: #B0B0B0;
				text-align: center;
				line-height: 50px;
				color: white;
				font-weight: bold;
				font-size: 20px;
				margin-left: 9px;
			}
			.part4-body-div3-like:hover{
				background-color: #757575;
				cursor: pointer;
			}
			.part4-body-div3-jl p{
				margin-top: 15px;
				color: #B7B0C1;
			}
			.part4-body-div3-jl p i{
				vertical-align: middle;
				display: inline-block;
				width: 15px;
				height: 15px;
				border-radius: 50%;
				border: 1px solid green;
				text-align: center;
				line-height: 15px;
				color: green;
			}
			.part4-body-div3-ptm{
				border-top: 1px solid #E0E0E0;
				border-bottom: 1px solid #E0E0E0;
			}
			.part4-body-div3-ptm span{
				display: inline-block;
				padding: 0px 35px;
				margin: 15px 0px;
				border-right: 1px solid #E0E0E0 ;
			}
			.part4-body-div3-ptm a{
				color: #757575;
			}
			.part4-body-div3-ptm a:hover{
				color: #FF6700;
			}
			.part4-body-div3-check{
				font-size: 14px;
				color: #757575;
				margin-top: 10px;
				padding-left: 10px;
			}
			.part4-body-div3-check:hover{
				color: #FF6700;
				cursor: pointer;
			}
			.part5{
				width: 100%;
				height: 60px;
				border-top: 1px solid #E0E0E0;
				position: absolute;
				top: 800px;
				background-color: white;
			}
			.part5-body{
				width: 1226px;
				height: 60px;
				margin: 0 auto;
				/*border: 1px solid;*/
			}
			.part5-body img{
				vertical-align: middle;
			}
			.part5-body span{
				vertical-align: middle;
				display: inline-block;
				border-right: 1px solid #E0E0E0;
				height: 30px;
				line-height: 30px;
				font-size: 20px;
				color: #757575;
				padding: 0 40px;
				margin-top: 15px;
			}
			.part5-body a{
				font-size: 20px;
				color: #757575;
			}
			.part5-body .part5-body-join{
				border: none;
				background-color: #FF6700;
				color: white;
				float: right;
				margin-top: 15px;
			}
			.part6{
				width: 100%;
				min-height: 100px;
				background-color: #F5F5F5;
			}
			.part61{
				width: 1226px;
				min-height: 150px;
				margin: 0 auto;
				display: block;
			}
			.part62{
				width: 1226px;
				height: 290px;
				margin: 0 auto;
			}
			.part62-body{
				width: 1226px;
				height: 230px;
				margin: 0 auto;
				/*border: 1px solid;*/
			}
			.part63{
				width: 1226px;
				height: 1000px;
				margin: 0 auto;
				margin-top: 150px;
			}
			.part63-title{
				background-color:white;
				width: 1226px;
				height: 215px;
			}
			.part63-title-p1{
				color: #FF6700;
				font-size: 80px;
				font-weight: bold;
				margin-left: 50px;
				margin-top: 25px;
			}
			.part63-title-p2{
				color: #757575;
				font-size: 14px;
				margin-left: 120px;
			}
			.part63-title-p3{
				color: #B0B0B0;
				font-size: 14px;
				margin-left: 100px;
				margin-top: 15px;
			}
			.part63-body1{
				width: 854px;
				min-height: 100px;
				float: left;
				background-color: white;
				margin-top: 25px;
			}
			.part63-body1-title{
				background-color:#F5F5F5;
				height: 55px;
				border: 1px solid;
			}
			.part63-body1-title1{
				font-size: 20px;
			}
			.part63-body1-title2{
				float: right;
				font-size: 16px;
			}
			.part63-body1-title2 i{
				vertical-align: middle;
				display: inline-block;
				height: 20px;
				width: 20px;
				border: 1px solid #E0E0E0;
			}
			.part63-body1-title2 i:hover{
				cursor: pointer;
			}
			.part63-body1-body{
				min-height: 50px;
				border: 1px solid;
				border-left: 3px solid #FFAC13;
			}
			.part63-body2{
				width: 358px;
				min-height: 100px;
				float: left;
				background-color: white;
				margin-top: 25px;
				margin-left: 14px;
			}
			.part63-body2-title{
				background-color:#F5F5F5 ;
				height: 55px;
			}
			.part63-body2-body{
				border: 1px solid;
				min-height: 50px;
			}
			
			/*轮播*/
						.part9-body{
				height: 273px;
				width: 1100px;
				margin: 0 auto;
				/*border: 1px solid;*/
				overflow: hidden;
			}
			.part9-lb{
				height: 271px;
				width: 4410px;
				/*border: 1px solid;*/
				margin-left: 0px;
				
			}
			.part9-lb div{
				float: left;
				height: 270px;
				width: 210px;
				margin-right: 10px;
				background-color: white;
				/*border: 1px solid;*/
			}
			.part9-lb a{
				display: block;
				margin-top: 35px;
				text-align: center;
			}
			.part9-lb-p1{
				text-align: center;
				font-size: 13px;
				margin-top: 15px;
			}
			.part9-lb-p2{
				text-align: center;
				margin-top: 10px;
				font-size: 13px;
				color: #FF6700;
			}
			.part9-lb-p3{
				text-align: center;
				font-size: 13px;
				margin-top: 10px;
				color: #757575;
			}
			.part9-point{
				height: 40px;
				width: 1103px;
				margin: 0 auto;
				/*border: 1px solid;*/
			}
			.part9-point-i-mr{
				vertical-align: middle;
				display: inline-block;
				width: 12px;
				height: 12px;
				/*border: 1px solid;*/
				background-color: #B0B0B0;
				margin-top: 5px;
				border-radius: 50%;
			}
			.part9-point-i-active{
				border: 1px solid #FF6700;
				background-color: white;
			}
			.part9-point-i-hover{
				cursor: pointer;
				border: none;
				background-color: #FF6700;
			}
			/*轮播*/
						/*--*/
			.part8 {
				height: 220px;
				width: 100%;
				background-color: #F5F5F5;
			}
			.part8-body{
				height: 220px;
				width: 1103px;
				margin: 0 auto;
				/*border: 1px solid;*/
			}
			.part8-body div{
				float: left;
				/*border: 1px solid;*/
				width: 367px;
			}
			/*--*/
			
			/*尾部开始*/
			#main-foot1{
				width: 100%;
				height: 202px;
			}
			#main-foot1 a{
				text-decoration: none;
			}#main-foot1 a:hover{
				color: #FF6700;
			}
			#main-foot2{
				width: 100%;
				height: 180px;
				background-color: #FAFAFA;
			}
			.foot1-body{
				width: 1226px;
				height: 202px;
				margin-left: auto;
				margin-right: auto;
				/*border: 1px solid;*/
			}
			.foot1-body1{
				width: 1226px;
				height: 59px;
				border-bottom: 1px solid #E0E0E0;
			}
			.foot1-body1 ul{
				width: 1226px;
				margin-left: 20px;
				list-style-type: none;
			}
			.foot1-body1 li{
				
				line-height: 59px;
				padding: 0 40px;
				float: left;
			}
			.foot1-body1 a{
				font-size: 14px;
				color: #616161;
			}
			.foot1-body1 a:hover{
				color: #FF6700;
			}
			.foot1-body2{
				width: 1226px;
				height: 140px;
				/*border: 1px solid;*/
			}
			.foot1-body2 dl{
				float: left;
				margin-top: 15px;
				margin-right: 110px;
			}
			.foot1-body2 dt{
				color: #424242;
				margin-bottom: 20px;
				font-size: 14px;
			}
			.foot1-body2 dd{
				margin:10px 0;
				font-size: 12px;
			}
			.foot1-body2 dd a{
				color: #757575;
			}
			.foot1-body3{
				position: relative;
				left: 983px;
				top:10px;
				width: 240px;
				height: 120px;
				/*border: 1px solid;*/
				border-left: 1px solid #E0E0E0;
				/*background-image: url(mibuyimg/f1.png);
				background-repeat: no-repeat;*/
			}
			.foot1-body3 p,.foot1-body3 a{
				position: absolute;
				display: block;
				/*border: 1px solid red;*/
			}
			.f1b3p1{
				width: 140px;
				font-size: 17px;
				font-weight: bold;
				color: #FF6700;
				display: block;
				left: 45px;
			}
			.f1b3p2{
				top: 34px;
				font-size: 12px;
				left: 51px;
			}
			.f1b3p3{
				top: 50px;
				font-size: 12px;
				left: 70px;
			}
			.f1b3p4{
				text-decoration: none;
				width: 118px;
				height: 28px;
				line-height: 28px;
				text-align: center;
				bottom: 0;
				font-size: 14px;
				left: 57px;
				color: #FF6700;
				border: 1px solid #FF6700;
			}
			.f1b3p4:hover{
				background-color: #FF6700!important;
				color: white!important;
			}
			.foot2-body{
				position: relative;
				width: 1226px;
				margin-left: auto;
				margin-right: auto;
				height: 130px;
				border: 1px solid #FAFAFA;
				/*border: 1px solid black;*/
				background-image: url(img/footlogo.png);
				background-repeat: no-repeat;
				background-position-x: 0px;
				background-position-y: 30px;
			}
			.foot2-body ul{
				display: block;
				list-style-type: none;
				margin-left: 62px;
				margin-top: 29px;
			}
			.foot2-body li{
				display: inline-block;
				font-size: 12px;
				color: #B0B0B0;
				margin: 0 -2px;
			}
			.foot2-body a{
				text-decoration: none;
				color: #B0B0B0;
			}
			.foot2-body a:hover{
				color: #FF6700;
			}
			.foot2-body p{
				margin-top: 5px;
				margin-left: 62px;
				display: block;
				font-size: 12px;
				color: #B0B0B0;
			}
			.foot2-body img{
				position: absolute;
			}
			/*尾部结束*/
			
			/*选地点模态框*/
			#mt-splace{
				position: fixed;
				width: 100%;
				height: 100%;
				background-color: rgba(0,0,0,0.8);
				z-index: 100;
				display: none;
			}
			.mt-splace-c{
				width: 420px;
				height: 270px;
				background-color: white;
				position: absolute;
				z-index: 101;
				top: 370px;
				right: 80px;
			}
			.mt-splace-c b{
				display: inline-block;
				width: 25px;
				height: 25px;
				font-weight: bold;
				text-align: center;
				line-height: 25px;
				border-radius: 50%;
				margin-top: 20px;
				margin-right: 20px;
				float: right;
			}
			.mt-splace-c span{
				color: #757575;
				font-size: 14px;
				float: right;
				margin-right: 0px;
				margin-top: 10px;
			}
			.mt-splace-c span:hover{
				color: #FF6700;
			}
			.mt-splace-c b:hover{
				cursor: pointer;
				background-color: red;
				color: white;
			}
			.mt-splace-c-search{
				border: 1px solid #E0E0E0;
				height: 44px;
				width: 358px;
				margin-top: 45px;
				margin-left: 20px;
			}
			.mt-splace-c-search img{
				vertical-align: middle;
			}
			.mt-splace-c-search input{
				display: inline-block;
				width: 250px;
				height: 44px;
				vertical-align: middle;
				border: none;
				outline: none;
			}
			.mt-splace-c-p1{
				color: #B8B8B8;
				font-size: 18px;
				font-weight: bold;
				margin-left: 20px;
				margin-top: 25px;
			}
			.mt-splace-c-p2{
				text-align: center;
				color: #757575;
				margin-top: 15px;
				font-size: 14px;
			}
			.mt-splace-c-p2 a{
				color: #FF6700;
			}
			/*选地点模态框结束*/
			/*选看大图模态框*/
			#mt-bimg{
				width: 100%;
				height: 100%;
				position: fixed;
				background-color: rgba(255,255,255,1);
				display: none;
				z-index: 100;
			}
			#mt-bimg span{
				display: inline-block;
				width: 50px;
				height: 50px;
				font-size: 30px;
				font-weight: bold;
				text-align: center;
				line-height: 50px;
				border-radius: 50%;
				margin-top: 40px;
				margin-right: 40px;
				float: right;
			}
			#mt-bimg span:hover{
				cursor: pointer;
				color: white;
				background-color: #E0E0E0;
			}
			#mt-bimg i{
				display: inline-block;
				border: 1px solid #E0E0E0;
				margin: 0 15px;
				margin-top: 600px;
			}
			#mt-bimg i:hover{
				cursor: pointer;
			}
			/*选看大图模态框结束*/
		</style>
	</head>

	<body>
		<div id="mt-bimg">
			<div><span onclick="closeDimg()">X</span></div>
			<i style="margin-left: 660px;" id="mt-bimg-i1"><img src="img/part4-s1.jpg"/></i>
			<i id="mt-bimg-i2"><img src="img/part4-s2.jpg"/></i>
		</div>
		<div id="mt-splace">
			<div class="mt-splace-c">
				<div><b onclick="closeSelectPlace()">X</b></div>
				<div class="mt-splace-c-search">
					<img src="img/mtsearch.png"/>
					<input type="text" id="" value="" placeholder="输入乡镇、街道、小区或商圈名称"/>
				</div>
				<div style="border-bottom: 1px solid #E0E0E0;height: 40px;width: 360px;margin: 0 20px;"><span>手动选择地址&gt;</span></div>
				<p class="mt-splace-c-p1">我的收货地址</p>
				<p class="mt-splace-c-p2">现在 <a href="#">登录</a>，可根据收货地址快速定位</p>
			</div>
		</div>
		<div class="part1">
			<div class="part1-body">
				<ul style="float: left;">
					<li>
						<a href="#">小米商城</a>
					</li>
					<li style="color: #B424242;">|</li>
					<li>
						<a href="#">MIUI</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">米聊</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">游戏</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">多看阅读</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">云服务</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">金融</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">小米商城移动版</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">问题反馈</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">Select Region</a>
					</li>

				</ul>
				<span class="part1-body-buy" style="float: right ;">购物车</span>
				<ul style="float: right;">
					<li>
						<a href="#">登录</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">注册</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">消息通知</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="part2">
			<div class="part2-body">
				<a class="part2-logo" href="#"></a>
				<ul>
					<li style="position: relative;">
						全部商品分类
						<div class="part2-body-li1">
							<ul>
								<li style="margin-top: 15px;">
									手机电话卡<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex1">
										<div class="part2-body-li1-li-ex-z">
											<dl>
												<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											</dl>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									笔记本 平板<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex2">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>

									</div>
								</li>
								<li>
									电视 盒子<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex3">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									路由器 智能硬件<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex4">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									移动电源 电池 插线板<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex5">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									耳机 音响<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex6">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									保护套 贴膜<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex7">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									线材 支架 储蓄卡<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex8">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									箱包 服饰 鞋 眼镜<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex9">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									米兔 生活周边<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex10">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
											<dd><img src="img/111111.jpg" />小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li>
						小米手机
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						红米
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						平板·笔记本
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						电视
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						盒子·影音
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						路由器
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						智能硬件
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png" /></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>服务</li>
					<li>社区</li>
				</ul>
				<input type="text" id="" value="手机" />
				<div class="part2-searchbtn"></div>
			</div>
		</div>
		<div class="part3">
			<div class="part3-body">
				<a href="#">首页</a> &gt;
				<a href="#">配件</a> &gt; 
				<a href="#">小米电视/盒子配件</a> &gt;
				<a href="#">小米蓝牙触控语音遥控器</a>
			</div>
		</div>
		<div class="part4">
			<div class="part4-body">
				<div class="part4-body-div1">
					<div style="border: 1px solid #FF6700;" onclick="changext1()"><img src="img/part4-s1.jpg"/></div>
					<div onclick="changext2()"><img src="img/part4-s2.jpg"/></div>
				</div>
				<div class="part4-body-div2">
					<img onclick="showdimg(this)" class="part4-body-div2-1" src="img/part4-b1.jpg"/>
					<img onclick="showdimg(this)" class="part4-body-div2-2" src="img/part4-b2.jpg"/></div>
				<div class="part4-body-div3">
					<h1> 小米蓝牙触控语音遥控器</h1>
					<p>语音智能搜片 / 能控制机顶盒 / BLE 低功耗蓝牙4.2 / 适配小米电视、小米盒子、小米电视主机（1代小米电视、小米电视4A 32英寸、1代/2代小米盒子、小米小盒子除外），系统需升级到最新版本</p>
					<div class="part4-body-div3-place">
						<span style="color: #FF6700; border-right: 1px solid #B0B0B0;">有货</span>
						<span>北京</span>
						<span>北京市</span>
						<span>东城区</span>
						<span>永定门外街道</span>
						<span id="selectplace" style="font-size: 20px;font-weight: bold;" onclick="selectPlace()">∨</span>
					</div>
					<div class="part4-body-div3-price">
						<span>99元</span>
					</div>
					<div class="part4-body-div3-jl">
						<span class="part4-body-div3-join">加入购物车</span>
						<span class="part4-body-div3-like">喜欢</span>
						<p><i>√</i>支持7天无理由退货</p>
					</div>
					<div class="part4-body-div3-ptm">
						<span><a href="#">评价 752</a></span>
						<span><a href="#">提问 64</a></span>
						<span><a href="#">满意度 92.8%</a></span>
					</div>
					<div class="part4-body-div3-check">
						 查看更多小米电视/盒子配件
					</div>
				</div>
			</div>
		</div>
		<div class="part5">
			<div class="part5-body">
				<img src="img/part5-1.png"/>
				<img width="235" src=""/>
				<span id="part5-body-1"><a href="#xq">详情描述</a></span>
				<span id="part5-body-2" onclick="notxq()"><a href="#ggcs">规格参数</a></span>
				<span id="part5-body-3" onclick="notxq()"><a href="#pjsd">评价晒单(748)</a></span>
				<span id="part5-body-4" onclick="notxq()"><a href="#sptw">商品提问(64)</a></span>
				<span class="part5-body-join">加入购物车</span>
			</div>
		</div>
		<div class="part6">
			<div id="xq" class="part61">
				<img src="img/part6101.jpg"/>
				<img src="img/part6102.jpg"/>
				<img src="img/part6103.jpg"/>
				<img src="img/part6104.jpg"/>
				<img src="img/part6105.jpg"/>
				<img src="img/part6106.jpg"/>
				<img src="img/part6108.jpg"/>
			</div>
			<!--规格参数-->
			<div id="ggcs" class="part62">
				<div class="part8-body">
				<div style="height: 110px;border-bottom:1px solid #E0E0E0;"></div>
				<div style="height: 220px;text-align: center;line-height: 220px;font-size: 26px;color: #757575;">规格参数</div>
				<div style="height: 110px;border-bottom:1px solid #E0E0E0;"></div>
			</div>
			<div class="part62-body">
					<img style="display: block;" src="img/part62-body.png"/>
			</div>
			</div>
			<!--评价晒单-->
			<div id="pjsd" class="part63">
				<div class="part8-body">
					<div style="height: 110px;border-bottom:1px solid #E0E0E0;"></div>
					<div style="height: 220px;text-align: center;line-height: 220px;font-size: 26px;color: #757575;">评价晒单</div>
					<div style="height: 110px;border-bottom:1px solid #E0E0E0;"></div>
				</div>
				<div class="part63-title">
					<p class="part63-title-p1">97.4%</p>
					<p class="part63-title-p2">购买后满意</p>
					<p class="part63-title-p3">2350名用户投票</p>
				</div>
				<!--<div class="part63-body1">
					<div class="part63-body1-title">
						<span class="part63-body1-title1">最有帮助的评价</span>
						<span class="part63-body1-title2"><i></i>只显示带图评价</span>
					</div>
					<div class="part63-body1-body">
							1
						</div>
				</div>
				<div class="part63-body2">
					<div class="part63-body2-title">
						<span>最新评价</span>
					</div>
					<div class="part63-body2-body">
							2
					</div>
				</div>-->
			</div>
			<!--商品提问-->
			<div id="sptw" class="part64">
				<div class="part8-body">
					<div style="height: 110px;border-bottom:1px solid #E0E0E0;"></div>
					<div style="height: 220px;text-align: center;line-height: 220px;font-size: 26px;color: #757575;">商品提问</div>
					<div style="height: 110px;border-bottom:1px solid #E0E0E0;"></div>
				</div>
			</div>
				<!--买过该商品的人还买了-->
			<div class="part65">
				<div class="part8-body">
					<div style="height: 110px;border-bottom:1px solid #E0E0E0;"></div>
					<div style="height: 220px;text-align: center;line-height: 220px;font-size: 26px;color: #757575;">买过该商品的人还买了</div>
					<div style="height: 110px;border-bottom:1px solid #E0E0E0;"></div>
				</div>
			</div>
					<div class="part9">
			<div class="part9-body">
				<div class="part9-lb">
				<!--宽210，marginleft10-->
				<div style="margin-left: 5px;">
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>2</div>
				<div>3</div>
				<div>4</div>
				<div>5</div>
				<div>6</div>
				<div>7</div>
				<div>8</div>
				<div>9</div>
				<div>10</div>
				<div>11</div>
				<div>12</div>
				<div>13</div>
				<div>14</div>
				<div>15</div>
				<div>1617</div>
				<div>171</div>
				<div>18</div>
				<div>19</div>
				<div style="margin-left: 0px;">52131321313</div>
				</div>
			</div>
			<div class="part9-point">
				<i class="part9-point-i-mr part9-point-i-active" style="margin-left: 520px;" onmousemove="part9pointover(this)" onclick="part9pointclick(this)" onmouseout="part9pointout(this)"></i>
				<i class="part9-point-i-mr" onmousemove="part9pointover(this)" onclick="part9pointclick(this)" onmouseout="part9pointout(this)"></i>
				<i class="part9-point-i-mr" onmousemove="part9pointover(this)" onclick="part9pointclick(this)" onmouseout="part9pointout(this)"></i>
				<i class="part9-point-i-mr" onmousemove="part9pointover(this)" onclick="part9pointclick(this)" onmouseout="part9pointout(this)"></i>
			</div>
		</div>
		</div>
			
		<!--结尾-->
			<div id="main-foot1">
				<div class="foot1-body">
					<div class="foot1-body1">
						<ul>
							<li>
								<a href="#">预约维修服务</a>
							</li>
							<li>|</li>
							<li>
								<a href="#">7天无理由退货</a>
							</li>
							<li>|</li>
							<li>
								<a href="#">15天免费换货</a>
							</li>
							<li>|</li>
							<li>
								<a href="#">满150元包邮</a>
							</li>
							<li>|</li>
							<li>
								<a href="#">520余家售后网店</a>
							</li>
						</ul>
					</div>
					<div class="foot1-body2">
						<dl>
							<dt>帮助中心</dt>
							<dd>
								<a href="#">账户管理</a>
							</dd>
							<dd>
								<a href="#">购物指南</a>
							</dd>
							<dd>
								<a href="#">订单操作</a>
							</dd>
							<dd></dd>
						</dl>
						<dl>
							<dt>服务支持</dt>
							<dd>
								<a href="#">售后政策</a>
							</dd>
							<dd>
								<a href="#">自助服务</a>
							</dd>
							<dd>
								<a href="#">相关下载</a>
							</dd>
							<dd></dd>
						</dl>
						<dl>
							<dt>线下门店</dt>
							<dd>
								<a href="#">小米之家</a>
							</dd>
							<dd>
								<a href="#">服务网点</a>
							</dd>
							<dd>
								<a href="#">零售网点</a>
							</dd>
							<dd></dd>
						</dl>
						<dl>
							<dt>关于小米</dt>
							<dd>
								<a href="#">了解小米</a>
							</dd>
							<dd>
								<a href="#">加入小米</a>
							</dd>
							<dd>
								<a href="#">联系我们</a>
							</dd>
							<dd></dd>
						</dl>
						<dl>
							<dt>关注我们</dt>
							<dd>
								<a href="#">新浪微博</a>
							</dd>
							<dd>
								<a href="#">小米部落</a>
							</dd>
							<dd>
								<a href="#">官方微信</a>
							</dd>
							<dd></dd>
						</dl>
						<dl>
							<dt>特色服务</dt>
							<dd>
								<a href="#">F码通道</a>
							</dd>
							<dd>
								<a href="#">礼物码</a>
							</dd>
							<dd>
								<a href="#">防伪通道</a>
							</dd>
							<dd></dd>
						</dl>
						<div class="foot1-body3">
							<p class="f1b3p1">400-100-5678</p>
							<p class="f1b3p2">周一至周日 8:00-18:00</p>
							<p class="f1b3p3">（仅收市话费）</p>
							<a href="#" class="f1b3p4">24小时在线客服</a>
						</div>
					</div>

				</div>
			</div>
			<div id="main-foot2">
				<div class="foot2-body">
					<ul>
						<li><a href="#">小米商城</a></li>
						<li>|</li>
						<li><a href="#">MIUI</a></li>
						<li>|</li>
						<li><a href="#">米聊</a></li>
						<li>|</li>
						<li><a href="#">多看书城</a></li>
						<li>|</li>
						<li><a href="#">小米路由器</a></li>
						<li>|</li>
						<li><a href="#">视频电话</a></li>
						<li>|</li>
						<li><a href="#">小米天猫店</a></li>
						<li>|</li>
						<li><a href="#">小米淘宝直营店</a></li>
						<li>|</li>
						<li><a href="#">小米网盟</a></li>
						<li>|</li>
						<li><a href="#">小米移动</a></li>
						<li>|</li>
						<li><a href="#">隐私政策</a></li>
						<li>|</li>
						<li><a href="#">Select Region</a></li>
					</ul>
				<p>&copy;<a href="#">mi.com</a> 京ICP证110507号 <a href="#"> 京ICP备10046444号</a><a href="#">京公网安备11010802020134号  </a><a href="#">京网文[2014]0059-0009号</a></p>
				<p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					<img style="left: 838px;top: 35px;" width="100px" src="img/foot-1.png"/>
				<img style="left: 938px;top: 35px;"  src="img/foot-2.png"/>
				<img style="left: 1038px;top: 35px;"  src="img/foot-3.png"/>
				<img style="left: 1138px;top: 35px;"  src="img/foot-4.png"/>
				</div>
				<p style="text-align: center;color: #C6C6C6;font-family: '楷体';font-size: 26px;">探索黑科技，小米为发烧而生！</p>
				

			</div>
		<script type="text/javascript">
			//part4换图
			var part4div1=document.querySelector(".part4-body-div1");
			var part4img1=document.querySelector(".part4-body-div2-1")
			var part4img2=document.querySelector(".part4-body-div2-2")
			function changext1(){
				part4div1.children[0].style.border="1px solid #FF6700";
				part4div1.children[1].style.border="1px solid #E0E0E0";
				part4img2.style.display="none";
				part4img1.style.display="inline-block";
			}
			function changext2(){
				part4div1.children[1].style.border="1px solid #FF6700";
				part4div1.children[0].style.border="1px solid #E0E0E0";
				part4img1.style.display="none";
				part4img2.style.display="inline-block";
			}
//			console.log(part4div1)
			//part5跟随窗口相关
				var part5=document.querySelector(".part5");
				var part5body1=document.getElementById("part5-body-1");
				var part5join=document.querySelector(".part5-body-join");
				var part5img1=part5.children[0].children[0];
				var part5img2=part5.children[0].children[1];
				var xq=document.getElementById("xq");
				part5body1.onclick=function(){
					xq.style.display="block";
				}
				function notxq(){
					xq.style.display="none";
				}
				window.onscroll=function(){
				var i=document.body.scrollTop;
						if (i>=800) {
							part5.style.position="fixed";
							part5.style.zIndex="12";
							part5.style.top="0px";
							part5join.style.display="inline-block";
							part5img1.style.display="inline-block";
							part5img2.style.display="none";
						}else{
							part5.style.zIndex="12";
							part5.style.position="absolute";
							part5.style.top="800px";
							part5join.style.display="none";
							part5img1.style.display="none";
							part5img2.style.display="inline-block";
						}
					}
			
			//选择地点模态框
			function selectPlace(){
				var mtsP=document.getElementById("mt-splace");
				mtsP.style.display="block";
			}
			//关闭地点模态框
			function closeSelectPlace(){
				var mtsP=document.getElementById("mt-splace");
				mtsP.style.display="none";
			}
			
			//part9轮播
			function part9pointover(t){
				if (t.className=="part9-point-i-mr") {
					t.className="part9-point-i-mr part9-point-i-hover";
				} 
			}
			function part9pointout(t){
				if (t.className=="part9-point-i-mr part9-point-i-hover") {
					t.className="part9-point-i-mr";
				} 
			}
			var lbdiv=document.querySelector(".part9-lb")
			function part9pointclick(t){
				var v1=0;
				var v2=-1100;
				var v3=-2200;
				var v4=-3300;
				for (var i = 0; i < t.parentNode.children.length; i++) {
					t.parentNode.children[i].className="part9-point-i-mr";
				}
				if (t.className=="part9-point-i-mr part9-point-i-hover"||t.className=="part9-point-i-mr") {
					t.className="part9-point-i-mr part9-point-i-active";
				}
//				1->2
				if((lbdiv.style.marginLeft == 0||lbdiv.style.marginLeft == 0+"px") && t==t.parentNode.children[1]){
					
					var id12=setInterval(function(){
						
						lbdiv.style.marginLeft=v1+"px";
						v1-=100;
						if (v1==-1200) {
							clearInterval(id12);
							
						}
					},100);
					v1=0;
				}
//				1->3
				if((lbdiv.style.marginLeft == 0||lbdiv.style.marginLeft == 0+"px") && t==t.parentNode.children[2]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v1+"px";
						v1-=100;
						if (v1==-2300) {
							clearInterval(id12);
							
						}
					},50);
					v1=0;
				}
//				1->4
				if((lbdiv.style.marginLeft == 0||lbdiv.style.marginLeft == 0+"px") && t==t.parentNode.children[3]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v1+"px";
						v1-=100;
						if (v1==-3400) {
							clearInterval(id12);
							
						}
					},25);
					v1=0;
				}
//				2->1
				if(lbdiv.style.marginLeft == -1100+"px" && t==t.parentNode.children[0]){
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v2+"px";
						v2+=100;
						if (v2==100) {
							clearInterval(id12);
							v2=-1100;
						}
					},100);
				}
//				2->3
				if(lbdiv.style.marginLeft == -1100+"px" && t==t.parentNode.children[2]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v2+"px";
						v2-=100;
						if (v2==-2300) {
							clearInterval(id12);
							v2=-1100;
						}
					},100);
				}
//				2->4
				if(lbdiv.style.marginLeft == -1100+"px" && t==t.parentNode.children[3]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v2+"px";
						v2-=100;
						if (v2==-3400) {
							clearInterval(id12);
							v2=-1100;
						}
					},50);
				}
//				3->1
				if(lbdiv.style.marginLeft == -2200+"px" && t==t.parentNode.children[0]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v3+"px";
						v3+=100;
						if (v3==100) {
							clearInterval(id12);
							v3=-2200;
						}
					},50);
				}
//				3->2
				if(lbdiv.style.marginLeft == -2200+"px" && t==t.parentNode.children[1]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v3+"px";
						v3+=100;
						if (v3==-1000) {
							clearInterval(id12);
							v3=-2200;
						}
					},100);
				}
//				3->4
				if(lbdiv.style.marginLeft == -2200+"px" && t==t.parentNode.children[3]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v3+"px";
						v3-=100;
						if (v3==-3400) {
							clearInterval(id12);
							v3=-2200;
						}
					},100);
				}
//				4->1
				if(lbdiv.style.marginLeft == -3300+"px" && t==t.parentNode.children[0]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v4+"px";
						v4+=100;
						if (v4==100) {
							clearInterval(id12);
							v4=-3300;
						}
					},25);
				}
//				4->2
				if(lbdiv.style.marginLeft == -3300+"px" && t==t.parentNode.children[1]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v4+"px";
						v4+=100;
						if (v4==-1000) {
							clearInterval(id12);
							v4=-3300;
						}
					},50);
				}
//				4->3
				if(lbdiv.style.marginLeft == -3300+"px" && t==t.parentNode.children[2]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v4+"px";
						v4+=100;
						if (v4==-2100) {
							clearInterval(id12);
							v4=-3300;
						}
					},100);
				}
			}
		
			//出大图
			var divdimg= document.getElementById("mt-bimg");
			var dimgi1=document.getElementById("mt-bimg-i1");
			var dimgi2=document.getElementById("mt-bimg-i2");
			function showdimg(t){
//				console.log(t)
//				console.log(t.className)
				divdimg.style.display="block";
				if(t.className=="part4-body-div2-1"){
				divdimg.style.backgroundImage="url(img/part4-b1.jpg)"
				divdimg.style.backgroundRepeat="no-repeat";
				divdimg.style.backgroundPositionX="500px";
				divdimg.style.backgroundPositionY="100px";
				dimgi1.style.border="1px solid #FF6700";
				}
				if(t.className=="part4-body-div2-2"){
				divdimg.style.backgroundImage="url(img/part4-b2.jpg)"
				divdimg.style.backgroundRepeat="no-repeat";
				divdimg.style.backgroundPositionX="500px";
				divdimg.style.backgroundPositionY="100px";
				dimgi2.style.border="1px solid #FF6700";
				}
			}
			//选大图
			dimgi2.onclick=function(){
				dimgi1.style.border="1px solid #E0E0E0";
				dimgi2.style.border="1px solid #FF6700";
				divdimg.style.backgroundImage="url(img/part4-b2.jpg)";
			}
			dimgi1.onclick=function(){
				dimgi2.style.border="1px solid #E0E0E0";
				dimgi1.style.border="1px solid #FF6700";
				divdimg.style.backgroundImage="url(img/part4-b1.jpg)";
			}
			//关大图模态框
			function closeDimg(){
				divdimg.style.display="none";
			}
		</script>
	</body>

</html>